*{
    padding: 0;
    margin: 0;
}
html,body{
    height: 100%;
    width: 100%; 
    overflow: hidden;
}
.addbody{
    background: #fff;
  }
.clear{
    clear: both;
}
.baoFormBox{
    background: #fff;
    /* padding: 20px; */
    /* overflow-x:auto; */
}
.addvBoxdd{
    margin-bottom:75px;
}
.tabBox {
    padding: 10px 20px;
}

table {
    width: 100%;
}

.table {
    margin-top: 10px;
}

.table td,
.table th {
    text-align: center;
    padding: 6px 10px;
    color: #222;
    font-size: 12px;
    border-right: 1px solid #D4DAE4;
}

.table tr {
    border-top: 1px solid #D4DAE4;
    border-left: 1px solid #D4DAE4;
    border-bottom: 1px solid #D4DAE4;
}

.formTb tr {
    border-top: 1px solid #D4D9F2;
    border-left: 1px solid #D4D9F2;
    border-bottom: 1px solid #D4D9F2;
}

.formTb td {
    width: 32%;
    text-align: left;
    padding: 6px 10px;
    border-right: 1px solid #D4D9F2;
}

.formTb th {
    width: 18%;
    padding: 6px 10px;
    color: #222;
    font-weight: 400;
    text-align: right;
    background: #F3F5FE;
    border-right: 1px solid #D4D9F2;
}

#layerDemo .layui-tab {
    background: #fff !important;
    margin-top: 10px;
}

#layerDemo .layui-tab .layui-tab-title {
    background: #fff !important;
}

#layerDemo .layui-tab .layui-tab-title {
    height: 30px !important;
}

#layerDemo .layui-tab .layui-tab-title li {
    background: #F1F1F1 !important;
    line-height: 30px !important;
    font-size: 12px;
    color: #222;
    font-weight: bold;
}

#layerDemo .layui-tab .layui-tab-title li.layui-this {
    background: #fff !important;
    color: #222 !important;
}

#layerDemo .layui-table-view .layui-table th,
#layerDemo .layui-table-view .layui-table td {
    padding: 2px 0;
}

.laytable-cell-numbers {
    width: 60px;
}


/* 公共表单 */

.page-prev {
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #8C99A9;
}

.page-next {
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #8C99A9;
}

.layui-laypage a.layui-laypage-prev,
.layui-laypage a.layui-laypage-next {
    border: none;
}

.layui-laypage .layui-laypage-count {
    margin-bottom: 0px;
}

.main_top {
    padding:20px 28px 0px;
    background: #fff;
}

.date-input {
    background: #F0F4FB url(../images/dateicon.png) 94% center no-repeat;
}

.custom-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom:0;
    /* bottom: 60px; */
    height: 36px;
    line-height: 36px;
    padding: 0 15px 16px;
    z-index: 999;
}
/* 
.custom-iframe-body {
    background: #F7F5F6 \9;
    margin-bottom: 50px;
} */

.bao_check_box {
    margin-left: 80px!important;
    min-height: 28px!important;
}
xm-select > .xm-body .scroll-body{
    overflow: hidden!important;
}
xm-select > .xm-body .xm-option{
    margin-top: 5px
}
xm-select{
    border:none!important;
    width: 100%!important;
    background: #F0F4FB url(../images/select.png) no-repeat 95.3% center!important;
    min-height: 32px !important;
    line-height: 32px !important;
    line-height: 1.4!important;
    border-radius: 4px!important;
}
xm-select > .xm-body .xm-option-content{
    padding-left: 5px!important;

}
xm-select>.xm-body {
    padding: 0 0 5px!important;
    height:auto;
    min-width: 100%!important;
}
xm-select > .xm-icon{
    right: -300px!important;
}
xm-select .xm-label .xm-label-block{
    height: 23px!important;
    line-height: 23px!important;
    background:#506FE5!important;
}

xm-select > .xm-body .xm-option-icon{
   border-color:#506FE5!important;
}

.backgWhiteBox{
    background: #fff;
}
.tableMb {
    margin: 10px 0 0 0;
    box-sizing: border-box;
    padding: 5px 20px 9px;
    background: #fff;
    /* margin-bottom: 50px; */
}

#handout_wrap_inner {
    margin:2% auto;
    width:96%;
}

#handout_wrap_inner .layui-inline {
    /* width: 90%;
    margin: 0px 10px 10px 0px; */
}

#handout_wrap_inner img {
    width: 100%;
    height: auto;
}
.Pts{
    color: #adadad;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
}
.disabledlookButton{
    background-color: #FBFBFB; 
    color: #C9C9C9;
    cursor: not-allowed;
}
.accTypeName{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 0 16px;
    line-height: 30px;
    margin-bottom: -6px;
    height: 30px;
    border-radius: 4px;
    background: #3356ff;
  }
  .bao_loginbtnLO{
    padding: 0 15px 0 35px;
  }
  #download{
    background: #23BDCC url(../images/export.png) no-repeat  15px  center; 
    border: 1px solid #23BDCC;
  }
  #backSet{
    background: #FF8E03 url(../images/backSO.png) no-repeat  15px center; 
    border: 1px solid #FF8E03;
  }
  .layui-customPage a{
        width: 30px;
        height: 30px!important;
        line-height: 30px!important;
        padding: 0px!important;
        background: #F0F4FB;
        text-align: center;
        border-radius: 4px;
  }
  .layui-customPage input.baoinouName{
    width: 31px;
    height: 31px;
    color: #fff;
    background: #23BDCC;
    text-align: center;
  }
  .layui-customPage span.layui-customPage-skip{
      margin-top: -3px !important;
  }
  .baoFormBox table tbody th{
      text-align: left;
      color: #3B4657;
      font-weight: 400;
  }
  /* .baoFormBox td{
  vertical-align: top;
} */
  .baoFormBox .layui-input-block,.layui-unselect .layui-form-select{
    margin-left: 0px;
    width: 80%;
    margin: 14px 0;
  }
  .requiredClass{
      color:#f00;
      font-size: 16px;
      margin-left: 3px;
  }
  .baoDateTable{
      margin: 14px 0;
  }

  .baoFormBox .bao-layui-input-block{
    width: 100%;
    text-align:center;
    margin: 40px 0
  }
  .baoFormBox .layui-form-label{
    margin: 0 7px;
  }
  .baoDateBoc{
    margin: 5px 0;
    }
 .baoDateInput{
     float: left;
     width: 38.6%;
 }
 .baoDateACTr{
     border: none;
     outline: none;
     border-radius: 4px;
     float: left;
     width: 32px;
     height: 32px;
     margin-left:10px;
 }
.baoDateAddTr{
    background: #DFE6FF url(../images/tradd.png) no-repeat center center;
}
.baoDateCloseTr{
    background: #ffecec url(../images/trclose.png) no-repeat center center;
}
.baoFormBox .layui-form-select .layui-input{
    padding-right: 0px;
}
.fileButton{
    width: 110px;
    height: 32px;
    border: none;
    outline: none;
    padding-left: 25px;
    color: #506FE5;
    background: #DFE6FF url(../images/fliepush.png) no-repeat  15px  center;
    border-radius: 4px;
}
#uploader-demo{
    padding: 14px 0 0;
}
.filelist{
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
}
.filelist li{
    width: 45%;
    float: left;
    margin: 0px 20px 10px 0px;
}
.baopName{
    border-radius: 4px;
    float: left;
    width: 80%;
    height: 32px;
    color: #3B4657;
    line-height: 32px;
    box-sizing: border-box;
    padding: 0 5px;
    /* margin-left: 10px; */
    background: #DFE6FF ;
}
.problemrb{
    display: none;
}
.hoverImg{
    width: 22px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: -2px;
    background: #fff url(../images/select.png) no-repeat center center;
    /* z-index: 999; */
}
.layui-table-tips-c{
    right: -13px;
    top: -6px;
}
.layui-table-tips-main{
    overflow-y: auto;
}
.detailTable tbody tr td{
    padding:12px 0;
    margin: 5px 0;
    min-height: 30px;
    vertical-align: top;
 }

.detailTable tbody tr td.widtdFor,.detailTable tbody tr.displayH td.widtdFor{
    display: inline-block;
    width: 100px;
    padding: 12px 0 ;
    text-align: left;
  
}
.detailTable tbody tr td.widtdFdlo,.detailTable tbody tr.displayH td.widtdFdlo{
    display: inline-block;
    width: 14.5%;
    text-align: left;
    padding:12px;
}
/* .detailTableUY tbody tr td{
    display: inline-block;
    width: 19%;
    text-align: left;
} */
.detailTable tbody tr th.detailTitle{
    padding:21px 0 2px;
}
/* .detailTable tbody tr td.dateTRASH{
    width: 24.5%;
} */
.detailTable tbody tr td.widthB{
width: 80%;
}
.flieSD{
    max-width: 600px;
    margin: 0px 0px 5px 0;
}
.flieSD>span{
    vertical-align: top;
    display: inline-block;
    width: 60%;
}
/* .detailTable tbody tr th.widthFor{
    text-align: left;
    width: 70px;
} */
.detailTitleBar{
    width: 4px;
    height: 16px;
    display: inline-block;
    background: #506FE5;
    border-radius: 2px;
    margin-right: 6px;
    padding:0;
}
.detailTitle>span{
    vertical-align: middle;
}
.detailTitle{
    text-align: left !important;;
    color: #506FE5!important;
}
.submitDob{
    width: 100%;
    position: absolute;
    bottom: 23px;
    left: 0;
    background: #fff;
}
.tableScorll{
    height: 80%;
    width: 100%;
    overflow-y: auto;
    background:#f0f;
}

.myFileUploadBox{
    vertical-align: middle;
    position: relative;
}
.myFileUpload{
	padding: 0;
    width: 110px;
    height: 32px;
	overflow: hidden;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	position: absolute;
	top:0;
	left:0;
	cursor: pointer;
}
.priorityColor{
    color:#C80404;
}
.statuColor{
    color: #23BDCC;
}
.download{
    height: 26px;
    width: 26px;
    line-height: 26px;
    outline: none;
    border: 0;
    padding: 0;
    background: #fff;
  }
.baoFormBox  .layui-input-block-baoL{
    width: 89.9%;
}
.baoFormBox  .layui-input-block-bao-baif{
    width:100%
}
/* .layui-input-block-baoMargin{
    margin-bottom: 90px!important;
} */
.main_top .layui-form-select .layui-input{
    background: #F0F4FB url(../images/select.png) no-repeat 93.3% center;
}
.baoFormBoxTable{
    width: 100%;
    box-sizing: border-box;
    padding:20px 20px 130px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bao_loginbtnDon{
    margin-left: 25px;
}
.statuColor{
    color: #23BDCC;
}
.dcit{
    margin: 10px 0 0 0;
    box-sizing: border-box;
    padding: 5px 0 9px;
}
.boxLeft{
    width: 21%;
    float: left;
    height: 88%;
    background: #fff;
    overflow: hidden;
    /* padding: 2% 0; */
}
.dcitscroll{
    width: 105%;
    float: left;
    height: 87.5%;
    box-sizing: border-box;
    padding: 20px 20px 20px 65px;
    overflow-y: auto;
    overflow-x: auto;
}
.userDeptUl{
    display: inline-block;
    
}
.userDeptUl li{
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    /* height: 30px; */
    color: #3b4657;
    line-height: 30px;
    cursor: pointer;
}
li{
    padding: 0 40px 0 0;
}
.userDeptUlaction{
   position: absolute;
   left: -50px;
   top:0px;
    
}
.titleVsr{
    white-space:nowrap;
}
.userDeptUlImg{
    width: 16px;
    margin-right: 5px;
}
.boxRight{
    width: 78%;
    float: right;
    height: 100%;
    text-align: center;
    background: #fff;
}
.userDept th{
    font-weight: 400;
    margin: 10px 0;
    display: block;
    text-align: left;
}
.submitDobBo{
    bottom:30px
}
.remove{
background: #ff2828;
border: 1px solid #ff2828
}
.ddsecond{
    /* margin-left: 6%; */
    height: auto;
    width: 94%;
}
.edit{
    margin-right: 9px;
}
#addUser{
    background: #16BB61 url(../images/addUser.png) no-repeat 10px center;
    border: 1px solid #16BB61;
}
.displayH{
    display: none;
}
.submitDobBo{
    width: 100%;
    margin-top: 80px;
}
.submitDobBo .layui-input-block{
    margin-left:0!important;
}
@media screen and (max-width:1360px) 
{
    .xm-select-demo{
        width:182px!important;
    }
    xm-select{
        border:none!important;
        width: 136%!important;
        background: #F0F4FB url(../images/select.png) no-repeat 95.3% center!important;
        min-height: 32px !important;
        line-height: 32px !important;
        line-height: 1.4!important;
        border-radius: 4px!important;
    }
    .DescSbao .bao_scroll{
        width:450px;
        max-height: 100px;
        overflow-x:hidden ;
        overflow-y:auto;
    }
    .flieSD{
        /* width:600px; */
        margin: 0px 0px 5px 0;
    }
}
@media screen and (min-width:1360px) 
{
    .xm-select-demo{
        width:182px!important;
    }
    xm-select{
        border:none!important;
        width: 201%!important;
        background: #F0F4FB url(../images/select.png) no-repeat 95.3% center!important;
        min-height: 32px !important;
        line-height: 32px !important;
        line-height: 1.4!important;
        border-radius: 4px!important;
    }
    .DescSbao .bao_scroll{
        width:600px;
        max-height: 100px;
        overflow-x:hidden ;
        overflow-y:auto;
    }
    .flieSD{
        /* width:600px; */
        margin: 0px 0px 5px 0;
    }
}